<script setup lang="ts">

</script>

<template>
  <el-timeline style="max-width: 600px">
    <el-timeline-item timestamp="2023-Present" placement="top" color="#76ed53">
      <el-card>
        <h4>Company: Ruimo Intelligent</h4>
        <p><span>1) </span>Consistent with real life: in line with the process and logic of real life, and comply with languages and habits that the users are used to; </p>
        <p><span>2) </span>Operation feedback: enable the users to clearly perceive their operations by style updates and interactive effects; </p>
        <p><span>3) </span>Definite and clear: enunciate your intentions clearly so that the users can quickly understand and make decisions; </p>
        <p><span>4) </span>Controlled consequences: users should be granted the freedom to operate, including canceling, aborting or terminating current operation. </p>
      </el-card>
    </el-timeline-item>
    <el-timeline-item timestamp="2020-2022" placement="top" color="#76ed53">
      <el-card>
        <h4>Company: Ruimo Intelligent</h4>
        <p><span>1) </span>Consistent with real life: in line with the process and logic of real life, and comply with languages and habits that the users are used to; </p>
        <p><span>2) </span>Operation feedback: enable the users to clearly perceive their operations by style updates and interactive effects; </p>
        <p><span>3) </span>Definite and clear: enunciate your intentions clearly so that the users can quickly understand and make decisions; </p>
        <p><span>4) </span>Controlled consequences: users should be granted the freedom to operate, including canceling, aborting or terminating current operation. </p>
      </el-card>
    </el-timeline-item>
    <el-timeline-item timestamp="2019-2020" placement="top" color="#76ed53">
      <el-card>
        <h4>Company: Ruimo Intelligent</h4>
        <p><span>1) </span>Consistent with real life: in line with the process and logic of real life, and comply with languages and habits that the users are used to; </p>
        <p><span>2) </span>Operation feedback: enable the users to clearly perceive their operations by style updates and interactive effects; </p>
        <p><span>3) </span>Definite and clear: enunciate your intentions clearly so that the users can quickly understand and make decisions; </p>
        <p><span>4) </span>Controlled consequences: users should be granted the freedom to operate, including canceling, aborting or terminating current operation. </p>
      </el-card>
    </el-timeline-item>
  </el-timeline>
</template>

<style scoped lang="scss">

</style>